<link href="{$path_js}/tabs/tabs.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{$path_js}/tabs/jquery.idTabs.min.js"></script>
<h2>{$title}</h2>
<div id="tabs" class="tab"> 
  <ul> 
    <li><a class="selected" href="#tab1">Thiết lập hệ thống</a></li> 
    <li><a href="#tab2">Cấu hình PHP</a></li> 
    <li><a href="#tab3">Cấu hình mail</a></li> 
  </ul> 
  <div id="tab1">This is tab 1.</div> 
  <div id="tab2"><iframe src="{$base_url}phpinfo.php" width="100%" height="800" frameborder="0"></iframe></div> 
  <div id="tab3">Tab 3 is always last!</div> 
</div> 
 
<script type="text/javascript"> 
$("#tabs ul").idTabs(); 
</script>